{% extends 'base_product.html' %}

{% block body %}
    <div class="px-4 pt-5 my-5 text-center border-bottom container">
<h2>Welcome to search4letters on the web!</h2>
<form class="p-4 md-5 border rounded-3 bg-light " method='POST' action='/search4'>

		<p>Use this form to submit a search request:</p>
    <div class="row g-7">
    <label class="form-label">Phrase:</label>
    </div>
		<input type="text" class="form-control" name='phrase' type='TEXT' width='60'>
    <label class="form-label">Letters:</label>
    <div>
		<input type="text" class="form-control" name='letters' type='TEXT' value='aeiou'>
</div>
	<p>When you're ready, click this button:</p>
	<p><input value='Do it!' type='SUBMIT'></p>
</form>
    </div>
{% endblock %}